
@include popup-input;
.container{
  height: 100vh !important;
}
.scroll{
  height: 100vh;
}
.head {
  overflow: auto;
  background-color: red;
}

.head-btn,
.enterprise,
.project,
.guide,
.resident {
  position: relative;
  z-index: 1;
  color: rgba(148, 151, 177, 1);
}

.enterprise {
  display: flex;
  justify-content: space-between;
  margin-top: 50rpx;
  padding-left: 4vw;
  color: white;
}

.enterprise-name {
  font-size: 46rpx;
  color: #202536;
  max-width: 490rpx;
}

.enterprise-export {
  background: $green;
  font-size: 24rpx;
  padding: 0 0 0 4vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 60rpx;
  margin-right: 3vw;
  height: 60rpx;
}

.enterprise-export-icon-block {
  width: 60rpx;
  height: 60rpx;
  background: #4CE2A1;
  border-radius: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2vw;
}

.enterprise-export-icon {
  width: 40rpx;
  height: 40rpx;
}

.guide {
  padding: 20rpx 4vw 0;
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
}

.project {
  padding: 10rpx 4vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28rpx;
  margin-bottom: 20rpx;
}

.worker-list {
  background: $white;
  min-height: 50vh;
  overflow: auto;
  padding-bottom: 300rpx;
  z-index: 1;
  position: relative;
}

.worker {
  width: 690rpx;
  background: #FFFFFF;
  border-radius: 8rpx;
  border: 1rpx solid #E8E9EA;
  margin: 4vw auto 0;
  position: relative;
  display: flex;
  justify-content: left;
  color: #141F33;
  padding-bottom: 30rpx;
}

.head-clock {
  position: relative;
  z-index: 1;
  background: white;
  border-radius: 16rpx 16rpx 0 0;
  font-size: $font-small;
  @include item-box;
}

.head-clock-row {
  @include space-between;
  padding: 10rpx;
}

.head-clock-row:not(:first-child) {
  margin-top: 30rpx;
}

.head-clock-icon {
  width: 40rpx;
  height: 40rpx;
  margin-right: 16rpx;
}

.head-clock-icon,
.head-clock-text {
  vertical-align: middle;
}

.head-clock-address {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.head-clock-sign {
  position: absolute;
  right: 75rpx;
}

.head-clock-arrow {
  width: 35rpx;
  height: 35rpx;
}

.head-btn {
  width: 690rpx;
  height: 108rpx;
  @include flex-center;
  border-radius: 16rpx;
  color: white;
  background-color: #202536;
  box-shadow: 0 11rpx 30rpx 0 rgba(32, 37, 54, 0.5);
  font-size: 32rpx;
  margin: 0 auto 50rpx;
}

.head-btn.long {
  border-radius: 0 0 16rpx 16rpx;
}

.head-btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 344rpx;
}

.line {
  width: 2rpx;
  height: 40rpx;
  background: #A6A8AF;
}

.btn-icon {
  width: 44rpx;
  height: 44rpx;
  margin-right: 12rpx;
}


.worker-msg-price {
  position: absolute;
  color: $red;
  font-size: 32rpx;
  right: 18rpx;
  top: 84rpx;
}

.worker-tx {
  width: 150rpx;
  height: 100%;
  text-align: center;
}

.worker-select-icon {
  display: block;
  margin: 55rpx auto;
}

.worker-tx-img {
  width: 98rpx;
  height: 98rpx;
  border-radius: 98rpx;
  display: block;
  margin: 30rpx auto;
}

.worker-tx-label {
  padding: 3rpx 8rpx;
  background: $red;
  border-radius: 14rpx;
  color: white;
  font-size: 20rpx;
  position: relative;
  bottom: 60rpx;
}

.worker-sex-icon {
  width: 30rpx;
  height: 30rpx;
  margin-left: 6rpx;
}

.worker-name {
  margin-top: 30rpx;
  font-size: 32rpx;
}

.worker-msg-li {
  display: flex;
  justify-content: left;
  padding-top: 14rpx;
}

.worker-msg-li .left {
  color: $grey;
  margin-right: 20rpx;
}

.text-last-align {
  width: 96rpx;
  display: inline-block;
  text-align: justify;
  text-align-last: justify;
}
.text-last-align-alone{
  margin-left: 40rpx;
}
.noPeople {
  font-size: 32rpx;
  text-align: center;
  margin-top: 100rpx;
  color: #666;
}

.no-people-icon {
  width: 200rpx;
  height: 200rpx;
}

.no-people-text {
  color: $grey;
  text-align: center;
}

.worker-card-eye {
  width: 33rpx;
  height: 30rpx;
  margin-left: 10rpx;
}

.worker-msg-card {
  display: flex;
  align-items: center;
}

.worker-logout {
  width: 144rpx;
  height: 90rpx;
  position: absolute;
  right: 30rpx;
  bottom: 40rpx;
}

.worker.logout {
  color: #9497B1;
  background-color: #F3F3F3;
}

.resident {
  display: flex;
  align-items: center;
}

.resident-list {
  margin-left: 7vw;
  margin-right: 10rpx;
  display: flex;
  align-items: center;
}

.resident-tx {
  width: 55rpx;
  height: 55rpx;
  border-radius: 55rpx;
  margin-left: -27.5rpx;
}


.foot {
  width: 100vw;
  height: 140rpx;
  background-color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.foot .long-btn {
  margin-top: 3vw;
}


.foot-worker-cancel {
  margin-left: 200rpx;
  font-size: 26rpx;
  color: #353535;
}

.popup-btn:not([size=mini]) {
  width: 610rpx;
  height: 94rpx;
  border: 2rpx solid $green;
  color: $green;
  border-radius: 47rpx;
  font-weight: 500;
  background-color: transparent;
  font-size: 36rpx;
  margin-top: 20rpx;
  position: relative;
}

.popup-btn:not([size=mini]).active {
  background: $green;
  color: white;
}


.popup-btn .label {
  width: 78rpx;
  height: 38rpx;
  background: #FE6666;
  border-radius: 19rpx;
  font-size: 24rpx;
  display: block;
  position: absolute;
  top: 4rpx;
  right: 140rpx;
}


.export-tip {
  font-size: 30rpx;
  color: $grey;
  line-height: 42rpx;
  margin: 30rpx 0 70rpx;
}

.share-btn .resident-tx{
  margin-left: 0;
}

.share-btn:not([size=mini]) {
  @include clear-btn;
  width: 55rpx;
  height: 55rpx;
  padding: 0;
  background: transparent;
  margin-left: -27.5rpx;
  z-index: 0;
  display: flex;
}

.share-text-btn:not([size=mini]) {
  @include clear-btn;
  padding: 0;
  background: transparent;
  width: auto;
  font-weight: 500;
  color: #9497b1;
  display: flex;
  font-size: 24rpx;
}

.insurance .triangle {
  border-color: grey transparent transparent transparent !important;
  margin-top: -12rpx;
  margin-left: 10rpx;
}

.cancel-insure{
  border-radius: 30rpx;
  background: $red;
  padding: 18rpx;
  box-sizing: border-box;
  width: 135rpx;
  height: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
    right: 30rpx;
    top: 30rpx;
  .text{
    color: #ffffff;
    font-size: $font-mini;
    line-height: 0rpx;
  }
}
.tips{
  width: 100vw;
  height: 70rpx;
  font-size: $font-mini;
  color: $red;
  background: rgba(255, 126, 104, 0.1);
  position: relative;
  text-align: center;
  line-height: 70rpx;
}

.text-img{
  background: #dfd2d2;
  text-align: center;
  line-height: 98rpx;
  color: #ffffff;
}

.input-title{
  flex: none;
}